<template>
  <div class="start">
    <h1>😈 Welcome to Fiat!</h1>
    <h2>Try to setup your first development environment!</h2>
    <n-button color="rgb(87,13,248)" class="start-btn" style="font-weight: bold" @click="$router.push('/setup')">
      GET STARTED
    </n-button>
  </div>
</template>

<script setup>
import { NButton } from 'naive-ui'


</script>

<style scoped>
.start {
  margin-top: 24vh;
}
.start h1{
  font-size: 50px;
}
.start h2{
  font-size: 30px;
  letter-spacing: 1px;
  padding: 10px 0;
}
.start{
  text-align: center;
}
.start-btn {
  margin-top: 20px;
  font-size: 20px;
  padding: 30px 20px;
  border-radius: 10px;
}
</style>
